<html>
<head>
<link href="modern.css" rel="stylesheet"> 
<link href="style.css" rel="stylesheet" type="text/css">
</head>
	
<body>

<div id="container">
	<div id="header"><br>
		<h1 id="main-title"><b><font color = "000000">EECE Student Group Assessments</b></font></h1>
	</div>
    <div id="body" align="center"><br><br><br><br><br>
		<div id="content" align="center">
			<h2><font size ="18">Login:</font></h2><br>
			<p><font size = "4">Please Login with an ECE account</font></p><br>
			<form id="LoginForm">
				Username:<input type="text" name="eceaccount"><br>
				<br>Password:<input type="password"  name="password">
			</form> 
			<br>
			<form><font size = "4">
				<input type="radio" name="role" value="Student">Student
				<input type="radio" name="role" value="TA">TA
				<input type="radio" name="role" value="Professor">Professor
			</form> </font><br>
			<div class="button-set" data-role="button-set">
				<button class="active">Login</button><br>
				<a href="http://help.ece.ubc.ca/How_To_Change_Your_Password"  target="_blank" >Forgot Password?</a> 
			</div>
		</div>
	</div>
	<div id="footer">&copy;</div>
</div>
</body>
</html>